<template>
    <view>
        <chat id="chat" :username="username" ref="chat" chatType="singleChat" @onClickInviteMsg="onClickMsg"></chat>
    </view>
</template>

<script>
    let disp = require("../../utils/broadcast");
    import chat from "../components/chat/chat.vue";
    import {setChat} from '@/api/mall.js'
    export default {
        data() {
            return {
                username: {
                    your: ""
                }
            };
        },
        components: {
            chat
        },
        props: {},
        // options = 系统传入的 url 参数
        onLoad(options) {
            let username = JSON.parse(options.username);
            this.setData({
                username: username
            });
             this.setChat();
            // 生成的支付宝小程序在onLoad里获取不到，这里放到全局变量下
            uni.username = username;
            uni.setNavigationBarTitle({
                //   title: username?.yourNickName || username?.your
                title: '蔚蓝客服'
            });
           
        },

        onUnload(options) {
            disp.fire("em.chatroom.leave");
        },

        onPullDownRefresh: function() {
            uni.showNavigationBarLoading();
            this.$refs.chat.getMore();
            // 停止下拉动作
            uni.hideNavigationBarLoading();
            uni.stopPullDownRefresh();
        },
        methods: {
            onClickMsg(msg) {
                msg.action = 'join'
                uni.navigateTo({
                    url: "../emedia/index?srcData=" + JSON.stringify(msg)
                });
            },
            onNavigationBarButtonTap(e) {
                uni.navigateTo({
                    url: `/pages/moreMenu/moreMenu?username=${this.username.your}&type=singleChat`
                })
            },
            setChat(){
                console.log(this.username, '=+++')
                let params = {
                    type:this.username.type,
                    match_id:this.username.match_id
                }
                setChat(params).then(res => {
                    console.log(res,'>>>>>>>>>>>>记录聊天好友')
                    // this.msgSuccess("加成功！");
                }).catch(() => {
                })
            }
        }
    };
</script>
<style>
    @import "./chatroom.css";
</style>